<!--驾驶员档案信息查询-->
<template>
<div class="public-common">
    <div class="public-title">请选择驾驶员档案信息查询条件</div>
    <el-form :model="form" label-width="120px">
        <el-row>
            <el-col :span="12">
                <el-form-item label="学期">
                    <el-input v-model="form.jiad1"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="学号">
                    <el-input v-model="form.jiad2"></el-input>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="12">
                <el-form-item label="资格证号">
                    <el-input v-model="form.jiad3"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="身份证号">
                    <el-input v-model="form.jiad4"></el-input>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="24">
                <el-button type="primary" style="margin-left:10px;">搜索</el-button>
                <el-button type="primary">导出Excel</el-button>
            </el-col>
        </el-row>
    </el-form>
    <div style="margin: 15px 0">
    	<el-radio v-model="tab" @change="cur=0" label="1">基本信息</el-radio>
    	<el-radio v-model="tab" @change="cur=1" label="2">好人好事信息</el-radio>
      <el-radio v-model="tab" @change="cur=2" label="3">违规信息</el-radio>
      <el-radio v-model="tab" @change="cur=3" label="4">投诉信息</el-radio>
      <el-radio v-model="tab" @change="cur=4" label="5">黑名单信息</el-radio>
      <el-radio v-model="tab" @change="cur=5" label="6">行业黑名单信息</el-radio>
      <el-radio v-model="tab" @change="cur=6" label="7">行业红名单信息</el-radio>
    </div>
    <div v-show="cur===0" style="margin: 15px 0">
      <div class="fuwukab">基本信息</div>
      <el-form :model="Essential" label-width="120px">
          <el-row>
              <el-col :span="12">
                  <el-form-item label="学期">
                      <el-input v-model="Essential.jiadq1"></el-input>
                  </el-form-item>
              </el-col>
              <el-col :span="12">
                  <el-form-item label="学号">
                      <el-input v-model="Essential.jiadq2"></el-input>
                  </el-form-item>
              </el-col>
          </el-row>
          <el-row>
              <el-col :span="12">
                  <el-form-item label="姓名">
                      <el-input v-model="Essential.jiadq3"></el-input>
                  </el-form-item>
              </el-col>
              <el-col :span="12">
                  <el-form-item label="资格证号">
                      <el-input v-model="Essential.jiadq4"></el-input>
                  </el-form-item>
              </el-col>
          </el-row>
          <el-row>
              <el-col :span="12">
                  <el-form-item label="性别">
                      <el-input v-model="Essential.jiadq5"></el-input>
                  </el-form-item>
              </el-col>
              <el-col :span="12">
                  <el-form-item label="年龄">
                      <el-input v-model="Essential.jiadq6"></el-input>
                  </el-form-item>
              </el-col>
          </el-row>
          <el-row>
              <el-col :span="12">
                  <el-form-item label="身份证号">
                      <el-input v-model="Essential.jiadq7"></el-input>
                  </el-form-item>
              </el-col>
              <el-col :span="12">
                  <el-form-item label="文化程度">
                      <el-input v-model="Essential.jiadq8"></el-input>
                  </el-form-item>
              </el-col>
          </el-row>
          <el-row>
              <el-col :span="12">
                  <el-form-item label="民族">
                      <el-input v-model="Essential.jiadq9"></el-input>
                  </el-form-item>
              </el-col>
              <el-col :span="12">
                  <el-form-item label="政治面貌">
                      <el-input v-model="Essential.jiadq10"></el-input>
                  </el-form-item>
              </el-col>
          </el-row>
          <el-row>
              <el-col :span="12">
                  <el-form-item label="驾照号码">
                      <el-input v-model="Essential.jiadq11"></el-input>
                  </el-form-item>
              </el-col>
              <el-col :span="12">
                  <el-form-item label="驾照签发日期">
                    <el-date-picker style="width: 100%;" format="yyyy/MM/dd" value-format="yyyy/MM/dd" v-model="Essential.jiadq12" type="date"></el-date-picker>
                  </el-form-item>
              </el-col>
          </el-row>
          <el-row>
              <el-col :span="12">
                  <el-form-item label="驾驶员性质">
                      <el-input v-model="Essential.jiadq13"></el-input>
                  </el-form-item>
              </el-col>
              <el-col :span="12">
                  <el-form-item label="培训日期">
                    <el-date-picker style="width: 100%;" format="yyyy/MM/dd" value-format="yyyy/MM/dd" v-model="Essential.jiadq14" type="date"></el-date-picker>
                  </el-form-item>
              </el-col>
          </el-row>
          <el-row>
              <el-col :span="12">
                  <el-form-item label="电话">
                      <el-input v-model="Essential.jiadq15"></el-input>
                  </el-form-item>
              </el-col>
              <el-col :span="12">
                  <el-form-item label="扣分">
                      <el-input v-model="Essential.jiadq16"></el-input>
                  </el-form-item>
              </el-col>
          </el-row>
          <el-row>
              <el-col :span="24">
                  <el-form-item label="地址">
                      <el-input v-model="Essential.jiadq17"></el-input>
                  </el-form-item>
              </el-col>
          </el-row>
          <div class="fuwukab">服务监督卡</div>
          <el-row>
              <el-col :span="12">
                  <el-form-item label="驾驶员卡数量">
                      <el-input v-model="Essential.jiadq18"></el-input>
                  </el-form-item>
              </el-col>
              <el-col :span="12">
                  <el-form-item label="顶班卡数量">
                      <el-input v-model="Essential.jiadq19"></el-input>
                  </el-form-item>
              </el-col>
          </el-row>
          <el-row>
              <el-col :span="12">
                  <el-form-item label="30天临时卡数量">
                      <el-input v-model="Essential.jiadq20"></el-input>
                  </el-form-item>
              </el-col>
              <el-col :span="12">
                  <el-form-item label="7天临时卡数量">
                      <el-input v-model="Essential.jiadq21"></el-input>
                  </el-form-item>
              </el-col>
          </el-row>
          <div class="fuwukab">年审情况</div>
          <el-row>
              <el-col :span="12">
                  <el-form-item label="审核日期">
                    <el-date-picker style="width: 100%;" format="yyyy/MM/dd" value-format="yyyy/MM/dd" v-model="Essential.jiadq22" type="date"></el-date-picker>
                  </el-form-item>
              </el-col>
              <el-col :span="12">
                  <el-form-item label="审核结果">
                      <el-input v-model="Essential.jiadq23"></el-input>
                  </el-form-item>
              </el-col>
          </el-row>
      </el-form>

    </div>
    <div v-show="cur===1" style="margin: 15px 0">
      <el-table :data="tabledata" size="mini" border stripe header-row-class-name="textcenter">
              <el-table-column
                  label="姓名" fixed="left">
                  <template slot-scope="scope">
                      {{scope.row.companyName}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="公司">
                  <template slot-scope="scope">
                      {{scope.row.carId}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="好人好事">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="日期">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
          </el-table>
    </div>
    <div v-show="cur===2" style="margin: 15px 0">
      <el-table :data="tabledata1" size="mini" border stripe header-row-class-name="textcenter">
              <el-table-column
                  label="姓名" fixed="left">
                  <template slot-scope="scope">
                      {{scope.row.companyName}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="车牌号">
                  <template slot-scope="scope">
                      {{scope.row.carId}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="公司">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="暂扣单号">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="违规内容">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="日期">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
          </el-table>
    </div>
    <div v-show="cur===3" style="margin: 15px 0">
      <el-table :data="tabledata2" size="mini" border stripe header-row-class-name="textcenter">
              <el-table-column
                  label="姓名" fixed="left">
                  <template slot-scope="scope">
                      {{scope.row.companyName}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="车牌号">
                  <template slot-scope="scope">
                      {{scope.row.carId}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="公司">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="投诉内容">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="事件定义">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="日期">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
          </el-table>
    </div>
    <div v-show="cur===4" style="margin: 15px 0">
      <el-table :data="tabledata3" size="mini" border stripe header-row-class-name="textcenter">
              <el-table-column
                  label="姓名" fixed="left">
                  <template slot-scope="scope">
                      {{scope.row.companyName}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="结果">
                  <template slot-scope="scope">
                      {{scope.row.carId}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="原因">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="日期">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
          </el-table>
    </div>
    <div v-show="cur===5" style="margin: 15px 0">
      <el-table :data="tabledata4" size="mini" border stripe header-row-class-name="textcenter">
              <el-table-column
                  label="姓名" fixed="left">
                  <template slot-scope="scope">
                      {{scope.row.companyName}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="身份证号">
                  <template slot-scope="scope">
                      {{scope.row.carId}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="原因">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="时限">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="操作人">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="操作时间">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
          </el-table>
    </div>
    <div v-show="cur===6" style="margin: 15px 0">
      <el-table :data="tabledata5" size="mini" border stripe header-row-class-name="textcenter">
              <el-table-column
                  label="姓名" fixed="left">
                  <template slot-scope="scope">
                      {{scope.row.companyName}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="身份证号">
                  <template slot-scope="scope">
                      {{scope.row.carId}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="原因">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="操作人">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
              <el-table-column
                  label="操作时间">
                  <template slot-scope="scope">
                      {{scope.row.carType}}
                  </template>
              </el-table-column>
          </el-table>
    </div>
</div>
</template>

<script>
export default {
    data(){
        return {
              form:{
                  jiad1:'',
                  jiad2:'',
                  jiad3:'',
                  jiad4:'',
              },
              Essential:{
                jiadq1:'',
                jiadq2:'',
                jiadq3:'',
                jiadq4:'',
                jiadq5:'',
                jiadq6:'',
                jiadq7:'',
                jiadq8:'',
                jiadq9:'',
                jiadq10:'',
                jiadq11:'',
                jiadq12:'',
                jiadq13:'',
                jiadq14:'',
                jiadq15:'',
                jiadq16:'',
                jiadq17:'',
                jiadq18:'',
                jiadq19:'',
                jiadq20:'',
                jiadq21:'',
                jiadq22:'',
                jiadq23:'',
              },
              tab:'1',
              cur:0,
              tabledata:[],
              tabledata1:[],
              tabledata2:[],
              tabledata3:[],
              tabledata4:[],
              tabledata5:[],
              page:{
                now:1,
                pagesize:10,
                sizes:[2,10, 20, 50, 100],
                total:0,
                key:''
              }
        }
    },
    methods:{
        search(){
            alert("search")
        },
        //分页
        handleSizeChange(pagesize){
            this.page.pagesize = pagesize;
            this.search(true,true);
        },
        handleCurrentChange(pageno){
            this.page.now = pageno;
            this.search(true,true);
        }

    }
}
</script>

<style>
  .el-form-item .el-form-item__label{ width: 120px !important;}
  .el-form-item .el-form-item__content{ margin-left: 120px !important;}
.public-common .el-form-item .el-input{ width: 100%;}
.public-title,.fuwukab{line-height: 30px;background-color: #deecfd;padding:0 10px;margin-bottom:20px;color: #15428F}

</style>
